<#include "/common/_itjson_layout.ftl" />
<@itjsonCommonLayout "cssformat">

<!-- begin主体 -->


      <div class="accordion" id="accordion2">
        <div class="accordion-group">
            
            

            <div class="alert alert-success alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">×</span></button>
                Css代码在线格式化,Css在线美化压缩工具（实现Css代码在线压缩、在线格式化、高级压缩等功能）
            </div>
            
            <div class="panel">
                <form id="form1" class="form-horizontal" action="${www}/itjson/cssformat.html" method="post">
                <div class="form-group">
                    <div class="col-sm-12">
                        <textarea onmouseover="this.focus();" id="code" class="form-control" rows="18" style="max-height: 2222px;" placeholder="请输入要格式化或压缩的Css代码"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12">
                        <input onclick="CSS('format');" value="格式化（竖向排列）" class="btn btn-success" type="button">
                        <input onclick="CSS('pack');" value="普通压缩（横向排列）" class="btn btn-success" type="button">
                        <input onclick="CSS('packAdv');" value="高级压缩" class="btn btn-success" type="button">
                        <input onclick="Empty();" value="清空输入框" class="btn btn-danger" type="button">
                        <span id="copyallcode" class="btn btn-success" data-clipboard-target="code">复制完整代码</span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12">
                        <div class="alert alert-success alert-dismissible text-center" id="copycodeall" role="alert">
                            <strong>复制成功!</strong> &nbsp;&nbsp;代码已经成功复制到剪切板&nbsp;&nbsp;可直接粘贴到任意地方.
                        </div>
                    </div>
                </div>
                </form>
            </div>
        </div>
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="list-group-item list-group-item-warning" data-toggle="collapse" href="#demo1">
                     Css代码在线格式化压缩工具（支持Css普通压缩和Css高级压缩）</a>
            </div>
            <div id="demo1" class="in collapse bs-docs-demoexample">
                <h4 style="color: #66be8c;">
                    为什么要进行Css压缩？</h4>
                <br>
                <h5>
                    1,压缩Css代码可以大幅度减少网页的大小，加快网页加载速度</h5>
                <h5>
                    2,Js/Css文件大，用户访问站点的时候需要下载Js/Css的时间长就会感觉慢，有的甚至由于Css的文件而造成页面初始打开很凌乱。</h5>
                <h5>
                    3,我们无法改变用户的网络状况，只有自己网站使用更快的带宽或者使用更强的服务器，使用户访问我们的时候感觉很快。</h5>
            </div>
        </div>
        <br>
    </div>


<script src="${contextPath}/them/1/js/csspacker.js" type="text/javascript"></script>


<!-- end主体 -->


</@itjsonCommonLayout>